.rule-info-banner-container.ant-row {
  margin-bottom: 5px;
}

.rule-info-banner.ant-alert {
  padding: 8px;
  background-color: rgba(30, 105, 255, 0.05);
  border: 1px dashed var(--requestly-color-primary);
  border-radius: var(--border-radius-sm);
}

.rule-info-banner.ant-alert a {
  --link-color: #4c88ff;
  color: var(--link-color);
}

.rule-info-banner.ant-alert a:hover,
.rule-info-banner.ant-alert a:focus {
  color: var(--link-color);
  text-decoration: underline;
}

.rule-info-banner.ant-alert .rule-info-banner-icon {
  color: var(--text-gray);
  margin-bottom: auto;
}

.rule-info-banner.ant-alert .rule-info-banner-icon svg {
  height: 13px;
  width: 13px;
}

.rule-info-banner.ant-alert .ant-alert-close-icon {
  margin-bottom: auto;
  margin-top: 4px;
}

.rule-info-banner .rule-info-banner-text {
  font-size: var(--requestly-font-size-sm, 13px);
  line-height: 22px;
  color: var(--text-gray);
}
